import React,{ Component } from 'react';
import ImageLazy from '../ImageLazy';
import indexjs from '../../static/js/index';
// import Swiper from 'swiper';
// import ReactSwipe from 'react-swipe';



export default React.createClass({
  componentDidMount:function(){
  },
  render:function(){
    const items = this.props.items || [];
    console.log(items)
    return(
      // <ReactSwipe key={items.length} className="swiper-wrapper" swipeOptions={{continuous:true,auto:3000,stopPropagation:true,speed:1000,next:function(){alert(0)}}}>
      //   {items.map((item,i)=>
      //     <div key={i} className="swiper-slide">
      //       <ImageLazy src={item.url} style={$.extend(this.props.style)} />
      //     </div>
      //   )}
      // </ReactSwipe>
      <div className="head_swiper swiper-container">
        <div className='swiper-wrapper'>
          {
            items.map(function(item,index){
              return(
                <div key={index} className="swiper-slide">
                  <a href="javascript:void(0)">
                    <img src={item.url} style={{height:'4.8rem'}} />
                  </a>
                </div>
              )
            })
          }
        </div>
        <div className="pagination"></div>
      </div>
    )
  }
})
